<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta name="description" content="">
    	<meta name="author" content="">

    	<title>Nice Quotes | Home Page</title>

    	<!--styles -->
    	<link href="css/bootstrap.css" rel="stylesheet">
    	<link href="css/bootstrap-responsive.css" rel="stylesheet">
    	<link href="css/main.css" rel="stylesheet">

    	<!--scripts-->
    	<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    	<script src="js/bootstrap.min.js"></script>
    	<script src="http://static.hostvn.net/js/cufon-yui.js"></script>
    	<script src="http://static.hostvn.net/js/UTM_Avo_400.font.js"></script>
    	<script src="js/main.js"></script>
	</head>
	<body>
		<!--header-->
<div class="navbar">
              <div class="navbar-inner">
                <div class="container"><div class="span12">
                  <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </a>
                  <div class="logo" style="float: left;">
						          <a href="home.html">
                        <img src="img/logo.png"/>
                      </a>
				          </div>
                  <div class="nav-collapse navbar-responsive-collapse in collapse" style="height: auto;">
                    <ul class="nav">
                      <li class="divider-vertical"></li>
                      <li><a href="list.html">Popular</a></li>
                      <li class="divider-vertical"></li>
                      <li><a href="#">Recent</a></li>
                      <li class="divider-vertical"></li>
                      <li><a href="#">New</a></li>
                      <li class="divider-vertical"></li>
                      <li><a href="#">Friends</a></li>
                      <li class="divider-vertical"></li>
                      <li class="dropdown avatar">
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <img class="img-circle" src="img/avatar.jpg"/>	Pisun2<b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                          <li><a href="#">Action</a></li>
                          <li><a href="#">Another action</a></li>
                          <li><a href="#">Something else here</a></li>
                          <li class="divider"></li>
                          <li class="nav-header">Nav header</li>
                          <li><a href="#">Separated link</a></li>
                          <li><a href="#">One more separated link</a></li>
                        </ul>
                      </li>
                      <li class="divider-vertical"></li>
                    </ul>
                    <form action="" class="navbar-search pull-left">
                      <input type="text" placeholder="Search" class="search-query span2">
                    </form>
                    <ul class="nav pull-right">
                      <!--<li><button class="btn btn-primary" type="button">Login with Facebook</button></li>-->
                    </ul>
                  </div><!-- /.nav-collapse -->
                </div></div>
              </div><!-- /navbar-inner -->
            </div>
		<!--end header-->
		<!--body-->
		<div class="container" style="min-height: 200px;">
			<div style="margin-top: 15%;">
				    <div id="myCarousel" class="carousel cycle">
					    <!-- Carousel items -->
					    <div class="carousel-inner">
						    <div class="active item">
						    	<p class="Cufon special-quotes-text">I live in my dreams – that’s what you sense.<br/>
									Other people live in dreams, but not in their own. That’s the difference.</p>
						    </div>
						    <div class="item">
						    	<p class="Cufon special-quotes-text">Tiết kiệm tối đa thời gian tìm hiểu kiến thức quản trị và chi phí thuê nhân sự IT của bạn bời vì đội ngũ hỗ trợ của chúng tôi luôn sẵn sàng thường trực tư vấn hỗ trợ 24/7 bất kỳ thời điểm nào với tất cả các gói dịch vụ web hosting.</p>
						    </div>
						    <div class="item">
						    	<p class="Cufon special-quotes-text">Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did do. So throw off the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore. Dream. Discover.</p>
						    </div>
					    </div>
					</div>
			</div>
		</div>
		<!--end body-->
    <!--footer-->
    <div class="container">
      <div class="span12 footer text-center Cufon" style="margin-top: 15%;">
        Copyright © 2013 ChiEmProductions
      </div>
    </div>
    <!--end footer-->
	</body>
</html>